<%@ page import="com.ciquan.server.util.web.BasePathUtil" %>
<%--
  Created by IntelliJ IDEA.
  User: bjliwei2014
  Date: 2015/1/20
  Time: 14:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<% String contextPath = BasePathUtil.getBasePath(request);%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <meta charset="UTF-8">
        <title>${active.title}</title>
        <link href="/common/css/bootstrap.min.css" rel="stylesheet">
        <link href="/common/css/bootstrap-datepicker.min.css" rel="stylesheet">
        <link href="/common/css/common.css" rel="stylesheet">
        <script src="/common/js/jquery-2.1.1.min.js"></script>
        <script src="/common/js/bootstrap.min.js"></script>
        <script src="/common/js/bootstrap-datepicker.min.js"></script>
        <script src="/common/js/bootstrap-datepicker.zh-CN.min.js"></script>
        <script src="/common/js/highcharts.js"></script>
        <script>
            $(document).ready(function(){
                $('.li-menu').eq(${active.active}).addClass('active');
            });
        </script>
        <style>
            .user-form-control {
                 width: 200px;
                 display: inline;
             }

            .time-form-control {
                width: 100px;
                display: inline;
            }

            .form-group label {
                display: block;
            }
        </style>
    </head>

    <body>
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">瓷圈管理系统</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                    </ul>
                </div>
            </div>
        </nav>

        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-3 col-md-2 sidebar">
                    <ul class="nav nav-sidebar">
                        <c:forEach items="${menus}" var="item">
                            <li class="li-menu"><a href="<%=contextPath%>${item.path}">${item.name}</a></li>
                        </c:forEach>
                    </ul>
                </div>

            </div>


